<template>
	<view class="container">
		<view class="menu-box">
			<view class="uni-flex uni-row menu-item" @tap="goUser">
				<text class="menu-text">用户协议</text>
				<text class="uni-icon menu-arrow">&#xe470;</text>
			</view>
			<view class="uni-flex uni-row menu-item menu-item-last" @tap="goPrivacy">
				<text class="menu-text">隐私政策</text>
				<text class="uni-icon menu-arrow">&#xe470;</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			// 用户协议
			goUser() {
				uni.navigateTo({
					url: '/pages/user/setting/user'
				});
			},
			// 隐私设置
			goPrivacy() {
				uni.navigateTo({
					url: '/pages/user/setting/privacy'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.menu-box {
		margin: 20rpx 0rpx;
		background-color: #FFFFFF;
		border-radius: 16rpx;
		font-size: 28rpx;
		.menu-item {
			height: 88rpx;
			align-items: center;
			margin: 0 28rpx;
			border-bottom: 1rpx solid #E0E0E0;
			.menu-text {
				-webkit-flex: 1;
				flex: 1;
				margin-left: 26rpx;
			}
			.menu-arrow {
				color: #C3C3C3;
			}
		}
		.menu-item-last {
			border: none;
		}
		
	}
</style>
